<template>
  <div class="welcome">
    <!--<div class="welcome-bg">
      <ul class="welcome-test">
        <li>WELCOME</li>
        <li>欢迎进入</li>
        <li>HSK DAP 社保大数据平台</li>
      </ul>
    </div>-->
    <div class="no-authority">
      <img src="../../../assets/img/no-authority.png" alt="">
    </div>
  </div>
</template>

<script>
  export default {
    name: "welcome",
    mounted() {

    }
  };
</script>

<style scoped>
  .welcome {
    padding-top: 70px;
    color: #6ae7ff;
    font-size: 5vmin;
    box-sizing: border-box;
    height: 100%;
  }
 .no-authority{
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #1b2b44;
 }
  .no-authority img{
    width: 18vw;
  }

  .welcome-bg {
    background: url('../../../assets/img/welcome-bg.png') no-repeat center;
    background-size: 100% 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .welcome-test {
    margin-top: -2vw;
    margin-right: 15vw;
  }

  .welcome-test li {
    margin-bottom: 2vw;
  }

  .welcome-test li:nth-child(1) {
    font-size: 9vmin;
    font-weight: normal;
    font-family: "Microsoft YaHei UI Light";
  }

  .welcome-test li:nth-child(2) {
    font-size: 3.8vmin;
    color: #fff;
  }
</style>
